<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <meta content="no" name="apple-touch-fullscreen" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection"/>
    <title>登录</title>

    <script src="../js/base.min.js"></script>

    <link rel="stylesheet"href="//at.alicdn.com/t/font_968104_xm2s2mpt2po.css">

    <link rel="stylesheet" href="../css/index.css">

    <title></title>
</head>
<body>

<header flex="main:center cross:center dir:top">
    <span>AVITAL</span>
    <span>Mobile UI Kit</span>
</header>

<section id="form">
    <input type="text" placeholder="E-mail"/>
    <input type="password" placeholder="password"/>
</section>

<footer>
    <button class="login">LOGIN NOW
    <i class="iconfont icon-you"></i>
    </button>

    <div class="btnParent" flex>
        <button class="Facebook">
            <i class="iconfont icon-Facebook">Facebook</i>
        </button>
        <button class="Google">
            <i class="iconfont icon-google">Google+</i>
        </button>
    </div>

    <a href="registration.html" class="account" flex="main:center cross:center">
        Don't have an account
    </a>
</footer>
</body>
</html>